<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<title>个人中心</title>
<meta name="description" content="">
<meta name="keywords" content="">
<link href="../css/common.css" rel="stylesheet">
<link href="css/userpp.css" rel="stylesheet">
</head>
<body class="body-pad cl-b-lgrey">
	<div class="ub ub-ac page-header row">
		<a href="#" class="clickable-deep"><span class="icon-adduser"></span></a>
		<div class="ub-f1 page-name">个人中心</div>
		<a href="#" class="clickable-deep">
			<!-- 有消息 -->
			<span class="icon-msg"></span>
			<!-- 无消息 -->
			<!-- <span class="icon-msg2"></span> -->
		</a>
	</div>
	<div class="banner-img">
		<img src="../images/userbanner.jpg" alt="">
		<div class="user-info ub ub-ver ub-ac ub-pc ub-con">
			<img class="tx-cir" src="../images/touxiang.png" alt="">
			<p class="cl-f-orange f16 ub ub-ac">幸福的小猪<span class="icon-daren"></span></p>
			<p><a class="btn cl-b-xlgrey clickable-deep" href="#">试用记录</a><a class="btn cl-b-xlgrey clickable-deep" href="#">我的收藏</a></p>
		</div>
	</div>
	<p class="ub cl-b-white banner-info">
		专注于家庭烘焙，专业于家庭烤箱。COUSS首创全国电子式独立控温烤箱，一直引领烤箱技术的发展！不要七分满意，只要十分完美！
	</p>
	<ul class="ub ub-ac cl-b-white user-num">
		<li class="ub-f1 clickable"><p class="cl-f-orange">323</p><p>关注</p></li>
		<li class="ub-f1 clickable"><p class="cl-f-orange">323</p><p>粉丝</p></li>
		<li class="ub-f1 clickable"><p class="cl-f-orange">323</p><p>积分</p></li>
	</ul>
	<div class="ub ub-ac ub-pj cl-b-lgrey user-btn">
		<a class="ub-f1 ub ub-ac ub-pc cl-b-white btn clickable"><span class="icon-fabu"></span><span>发布食谱</span></a>
		<a class="ub-f1 ub ub-ac ub-pc cl-b-white btn clickable"><span class="icon-pai"></span><span>发随手拍</span></a>
	</div>
	<div class="tab-section user-tab-select ub row cl-b-white f14">
		<div class="ub-f1"><a href="#" class="cl-f-grey">15随手拍</a></div>
		<div class="ub-f1"><a href="#" class="cl-f-grey">102食谱</a></div>
		<div class="ub-f1"><a href="#" class="active cl-f-grey">10专栏</a></div>
	</div>
	<ul class="user-shipu-con user-daoshi-con">
		<li class="dongtai-item cl-b-white row clickable">
			<div class="ub ub-ac">
				<div class="dongtai-img lazy" data-original="../images/daoshi.png">
					<img src="./images/odaoshi.png" class="oimg">
					<img src="../images/jian.png" alt="" class="jian">
				</div>
				<div class="ub-f1 dongtai-text">
					<h3 class="cl-f-dgrey f14">90%成功率的戚风蛋糕</h3>
					<p class="daoshi-text cl-f-lgrey f12">不知道为什么，有一些人不喜欢胡萝卜有一些人不喜欢胡萝卜</p>
					<div class="option-wrapper ub">
						<div class="comment ub ub-pc ub-ac ub-f1">
					    	<span class="icon-comment-grey"></span><p class="comment-text cl-f-lgrey f12">45</p>
					    	<span class="user-daoshi-r ub-f1 cl-f-lgrey f12"><span class="cl-f-orange">卓尔不凡</span>发布于9天前</span>
					    </div>
					</div>
				</div>
			</div>
		</li>
		<li class="dongtai-item cl-b-white row clickable">
			<div class="ub ub-ac">
				<div class="dongtai-img lazy" data-original="../images/daoshi.png"><img src="./images/odaoshi.png" class="oimg"></div>
				<div class="ub-f1 dongtai-text">
					<h3 class="cl-f-dgrey f14">90%成功率的戚风蛋糕</h3>
					<p class="daoshi-text cl-f-lgrey f12">不知道为什么，有一些人不喜欢胡萝卜有一些人不喜欢胡萝卜</p>
					<div class="option-wrapper ub">
						<div class="comment ub ub-pc ub-ac ub-f1">
					    	<span class="icon-comment-grey"></span><p class="comment-text cl-f-lgrey f12">45</p>
					    	<span class="user-daoshi-r ub-f1 cl-f-lgrey f12"><span class="cl-f-orange">卓尔不凡</span>发布于9天前</span>
					    </div>
					</div>
				</div>
			</div>
		</li>
		<li class="dongtai-item cl-b-white row clickable">
			<div class="ub ub-ac">
				<div class="dongtai-img lazy" data-original="../images/daoshi.png">
					<img src="./images/odaoshi.png" class="oimg">
					<img src="../images/jian.png" alt="" class="jian">
				</div>
				<div class="ub-f1 dongtai-text">
					<h3 class="cl-f-dgrey f14">90%成功率的戚风蛋糕</h3>
					<p class="daoshi-text cl-f-lgrey f12">不知道为什么，有一些人不喜欢胡萝卜有一些人不喜欢胡萝卜</p>
					<div class="option-wrapper ub">
						<div class="comment ub ub-pc ub-ac ub-f1">
					    	<span class="icon-comment-grey"></span><p class="comment-text cl-f-lgrey f12">45</p>
					    	<span class="user-daoshi-r ub-f1 cl-f-lgrey f12"><span class="cl-f-orange">卓尔不凡</span>发布于9天前</span>
					    </div>
					</div>
				</div>
			</div>
		</li>
		<li class="dongtai-item cl-b-white row clickable">
			<div class="ub ub-ac">
				<div class="dongtai-img lazy" data-original="../images/daoshi.png"><img src="./images/odaoshi.png" class="oimg"></div>
				<div class="ub-f1 dongtai-text">
					<h3 class="cl-f-dgrey f14">90%成功率的戚风蛋糕</h3>
					<p class="daoshi-text cl-f-lgrey f12">不知道为什么，有一些人不喜欢胡萝卜有一些人不喜欢胡萝卜</p>
					<div class="option-wrapper ub">
						<div class="comment ub ub-pc ub-ac ub-f1">
					    	<span class="icon-comment-grey"></span><p class="comment-text cl-f-lgrey f12">45</p>
					    	<span class="user-daoshi-r ub-f1 cl-f-lgrey f12"><span class="cl-f-orange">卓尔不凡</span>发布于9天前</span>
					    </div>
					</div>
				</div>
			</div>
		</li>
		<li class="dongtai-item cl-b-white row clickable">
			<div class="ub ub-ac">
				<div class="dongtai-img lazy" data-original="../images/daoshi.png"><img src="./images/odaoshi.png" class="oimg"></div>
				<div class="ub-f1 dongtai-text">
					<h3 class="cl-f-dgrey f14">90%成功率的戚风蛋糕</h3>
					<p class="daoshi-text cl-f-lgrey f12">不知道为什么，有一些人不喜欢胡萝卜有一些人不喜欢胡萝卜</p>
					<div class="option-wrapper ub">
						<div class="comment ub ub-pc ub-ac ub-f1">
					    	<span class="icon-comment-grey"></span><p class="comment-text cl-f-lgrey f12">45</p>
					    	<span class="user-daoshi-r ub-f1 cl-f-lgrey f12"><span class="cl-f-orange">卓尔不凡</span>发布于9天前</span>
					    </div>
					</div>
				</div>
			</div>
		</li>
		<li class="dongtai-item cl-b-white row clickable">
			<div class="ub ub-ac">
				<div class="dongtai-img lazy" data-original="../images/daoshi.png"><img src="./images/odaoshi.png" class="oimg"></div>
				<div class="ub-f1 dongtai-text">
					<h3 class="cl-f-dgrey f14">90%成功率的戚风蛋糕</h3>
					<p class="daoshi-text cl-f-lgrey f12">不知道为什么，有一些人不喜欢胡萝卜有一些人不喜欢胡萝卜</p>
					<div class="option-wrapper ub">
						<div class="comment ub ub-pc ub-ac ub-f1">
					    	<span class="icon-comment-grey"></span><p class="comment-text cl-f-lgrey f12">45</p>
					    	<span class="user-daoshi-r ub-f1 cl-f-lgrey f12"><span class="cl-f-orange">卓尔不凡</span>发布于9天前</span>
					    </div>
					</div>
				</div>
			</div>
		</li>
	</ul>
	<div class="row ub five-grid footer-five-grid f12 cl-b-white cl-f-dgrey">
    	<div class="ub-f1 ub-ver clickable ub-pc ub-con"><img src="../images/f-ic1.png"><p>首页</p></div>
    	<div class="ub-f1 ub-ver clickable ub-pc ub-con"><img src="../images/f-ic2.png"><p>动态</p></div>
    	<div class="ub-f1 ub-ver clickable ub-pc ub-con"><img src="../images/f-ic3.png"><p>随手拍</p></div>
    	<div class="ub-f1 ub-ver clickable ub-pc ub-con"><img src="../images/f-ic4.png"><p>评测</p></div>
    	<div class="ub-f1 ub-ver clickable ub-pc ub-con"><img src="../images/f-ic5.png"><p>我的</p></div>
    </div>
	<script src="../js/jquery-1.11.1.min.js"></script>
	<script src="../js/jquery.lazyload.min.js"></script>
    <script src="../js/custom.js"></script>
</body>
</html>